@import "../global";

@titleFont: 40px;
@subTitleFont: 34px;
@linkFont: 14px;


#culture {
  .navv {
    line-height: 40px;
  }
  .culture-list {
    background: url("../../img/culture/bg.jpg") no-repeat center center;
    background-size: cover;
    padding-bottom: 20px;
    .culture-title {
      font-size: @titleFont;
      line-height: 1;
      padding: 50px 0 50px 5px;
    }
    .culture-main {
      .col-xs-6:nth-of-type(2n) .culture-item { float: right;}
      .culture-item {
        width: 680px;
        height: 200px;
        padding: 30px;
        line-height: 1.5;
        margin-bottom: 50px;
        background: none no-repeat center center;
        background-size: cover;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        &.c1 { background-image: url("../../img/culture/c1.jpg");}
        &.c2 { background-image: url("../../img/culture/c2.jpg");}
        &.c3 { background-image: url("../../img/culture/c3.jpg");}
        &.c4 { background-image: url("../../img/culture/c4.jpg");}
        &.c5 { background-image: url("../../img/culture/c5.jpg");}
        &.c6 { background-image: url("../../img/culture/c6.jpg");}
        &.c7 { background-image: url("../../img/culture/c7.jpg");}
        &.c8 { background-image: url("../../img/culture/c8.jpg");}
        &.c9 { background-image: url("../../img/culture/c9.jpg");}
        &.c10 { background-image: url("../../img/culture/c10.jpg");}

        dt {
          font-size: @subTitleFont;
        }
        dd {
          font-size: @linkFont;
          i {
            margin-left: 6px;
            color: @blue;
          }
        }
      }

      .tip {
        .swiper-container {
          padding: 30px 0;
          background: #fff;
        }
      }
    }
  }
}